<!DOCTYPE html>
<html>
 <head> 
  <title>javascript--闫海的个人博客-芒果小叨</title> 
  <!-- meta tags start --> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <meta name="Keywords" content="个人博客,闫海个人博客,闫海" /> 
  <meta name="Description" content="闫海的个人博客，是一个会点三脚猫功夫的伪php程序员。" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> 
  <!-- meta tags end -->
  <!-- favorite icon starts -->
  <link rel="shortcut icon" href="/Public/Index/mobile/images/common/favicon.ico" type="image/x-icon" />
  <!-- favorite icon ends -->
  <!-- CSS files start -->
  <link href="/Public/Index/mobile/css/framework.css" rel="stylesheet" type="text/css" media="all" />
  <link href="/Public/Index/mobile/css/colorbox.css" rel="stylesheet" type="text/css" media="all" />
  <link href="/Public/Index/mobile/css/responsive.css" rel="stylesheet" type="text/css" media="screen" />
  <link href="/Public/Index/mobile/css/hidpi.css" rel="stylesheet" type="text/css" media="screen" />
  <link href="/Public/Index/mobile/css/skin.css" rel="stylesheet" type="text/css" media="all" />
  <link href="/Public/Index/mobile/css/custom.css" rel="stylesheet" type="text/css" media="all" />
  <link href="/Public/Index/mobile/css/elements.css" rel="stylesheet" type="text/css" media="all" />
  <link href="/Public/Index/mobile/css/style.css" rel="stylesheet" type="text/css" media="all" />
  
  <!-- CSS files end -->
  <!-- JavaScript files start --> 
  <script type="text/javascript" src="/Public/Index/mobile/grayscale.js"></script>
  <script type="text/javascript" src="/Public/Index/mobile/js/jquery.min.js"></script>
  <script type="text/javascript" src="/Public/Index/mobile/js/effects.jquery-ui.min.js"></script>
  <script type="text/javascript" src="/Public/Index/mobile/js/jquery.nivo-slider.min.js"></script>
  <script type="text/javascript" src="/Public/Index/mobile/js/custom.js"></script>
  <script type="text/javascript" src="/Public/Index/mobile/js/jquery.colorbox.min.js"></script>
  
  <!-- JavaScript files end -->
 </head>
 <body>
  <!-- website wrapper starts -->
  <div class="websiteWrapper"> 
   <!-- main menu wrapper starts --> 
   <div class="mainMenuOuterWrapper"> 
    <a href="#" class="mainMenuCloseButton"></a> 
    <ul class="mainMenuWrapper"> 
     <li class="currentPage"><a href='/mobile.php/index.html' title='首页'>首页</a></li>
      <li><a href='/mobile.php/list/2.html' title='关于我'>关于我<span> </span></a></li><li><a href='/mobile.php/list/3.html' title='时光轴'>时光轴<span> </span></a></li><li><a href='/mobile.php/list/1.html' title='品味人生'>品味人生<span> </span></a></li><li><a href='/mobile.php/list/5.html' title='技术分享'>技术分享<span> </span></a></li>     <li><a href='/mobile.php/index/article/message.html'  title='给我留言'>给我留言</a></li>
    </ul> 
   </div> 
   <!-- main menu wrapper ends --> 

   <!-- header wrapper starts --> 
   <div class="headerOuterWrapper pageHeaderWrapper"> 
    <div class="headerWrapper"> 
     <a class="mainLogo" href="index.html"><img src="/Public/Index/mobile/images/mainLogo.png" alt="" /></a> 
     <a href="#" class="mainMenuButton"></a>
    </div> 
    <!-- page title starts --> 
    <h3 class="pageTitle">javascript</h3>
    <!-- page title ends --> 
   </div> 
   <!-- header wrapper ends --> 
   <!-- accordion item wrapper starts --> 
    <div class="accordionItemWrapper"> 
     <a href="" class="accordionButton"><span class="accordionButtonIcon"></span><span class="accordionButtonTitle">子栏目</span></a> 
     <div class="accordionContentWrapper"> 
      <div class="accordionContent"> 
      <p>:)&nbsp;&nbsp;&nbsp;&nbsp;没有子栏目了</p>
            </div> 
     </div> 
    </div> 
   <!-- accordion item wrapper ends -->
   <!-- page wrapper starts --> 
   <div class="pageWrapper blogPageWrapper"> 
    <!-- blog posts wrapper starts --> 
    <div class="blogPostsWrapper"> 
     <!-- small blog post starts  --> 
     <div class="smallPostWrapper"> 
      <a href="" class="postThumbnailWrapper"></a>
      <div class="postExcerptWrapper"> 
       <h4 class="smallPostTitle" >JS写一个浮动广告</h4> 
       <p>JS浮动广告的简单实现。</p> 
      </div> 
      <div class="smallPostInfoWrapper">
       <span class="singleIconWrapper singleIconText iconCalendarDark postInfo postDate postInfoNoMargin">2015-01-04</span>
       <a href="/mobile.php/article/20.html" class="smallPostMoreButton">read more</a>
      </div> 
     </div> 
     <!-- small blog post ends --> 
    </div><div class="blogPostsWrapper"> 
     <!-- small blog post starts  --> 
     <div class="smallPostWrapper"> 
      <a href="" class="postThumbnailWrapper"></a>
      <div class="postExcerptWrapper"> 
       <h4 class="smallPostTitle" >JS获取当前时间</h4> 
       <p>JS实现动态显示当前时间(12/24小时制)的方法。</p> 
      </div> 
      <div class="smallPostInfoWrapper">
       <span class="singleIconWrapper singleIconText iconCalendarDark postInfo postDate postInfoNoMargin">2015-01-04</span>
       <a href="/mobile.php/article/3.html" class="smallPostMoreButton">read more</a>
      </div> 
     </div> 
     <!-- small blog post ends --> 
    </div>    <div class="pageNumbersWrapper">  
      <div> <a class="prev pageNumber" href="/mobile.php/list/index/id/12/p/1.html"><</a> <a class="num pageNumber" href="/mobile.php/list/index/id/12/p/1.html">1</a><a class="pageNumber currentPageNumber" style="background:#000;color:#fff;">2</a>  </div>    </div>
    <div class="pageBreakBoth"></div> 
    <!-- blog posts wrapper ends --> 
   </div> 

   <!-- page wrapper ends --> 
   <!-- footer wrapper starts --> 
   <div class="footerWrapper"> 
    <!-- copyright wrapper starts --> 
    <div class="copyrightWrapper"> 
     <!-- copyright starts --> 
     <span class="copyright"><a href="http://www.miitbeian.gov.cn/">鲁ICP备15004472号-1</a></span> 
     <!-- copyright ends --> 
     <!-- back to top button starts --> 
     <a href="" class="backToTopButton"></a> 
     <!-- back to top button ends --> 
    </div> 
    <!-- copyright wrapper ends --> 
   </div> 
   <!-- footer wrapper ends --> 
  </div>
  <!-- website wrapper ends -->
 </body>
</html>